<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box">457</div>
    <div id="box1">345</div>
    <div class="classname">1234</div>
    <div class="classname1">5678</div>

    <div id="header">
        <P>我是p</P>
        <h2>我是h2</h2>
        <h2>我是第二个h2</h2>
    </div>
    <ul class="nm_ul"></ul>
</body>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<script>
    $(function () {
        // $('#box').html('6666')
        // $('div').html('777')
        // $('.classname').html('999')
        $('.classname, .classname1, #box1').html('8888')
        $('#box>.classname').html('999')
    }) 

    $(function () {
        let $li_1 = $('<li>我是li1</li>')
        let $li_2 = $('<li>我是li2</li>')
        var $parent = $('.nm_ul')
        $parent.append($li_1)
        $parent.append($li_2)

        $("#header").children();// 全部子节点
        console.log($("#header").children());// 全部子节点
        $("#header").children("#header"); //返回id为test1的子节点

        $("p").find("#test1"); //选中id为test后代中 id为test1的节点
    })
</script>
</html>